﻿<div data-role="view" id="viewFirstTime" data-title="First Time" style="display: none">
<header data-role="header">
        <div data-role="navbar">
            <!--<a id="backbutton" class="iconb" data-align="left" data-icon="&#xf053;" data-role="button" href="#:back"></a>-->
            <div class="app-icon"></div>
            <!--<a id="menubutton" class="iconb" data-align="right" data-icon="&#x31;" data-role="button" href=""></a>-->
            <!--<span data-role="view-title"></span>-->

        </div>
    </header>
    <div id="viewFirstTimeContent" data-role="content">
        <h3 id="lbl_FirstTime_Warning">First time eh? Tell us about yourself</h3>
        <p>&nbsp;</p>
        <h4>I Am A...</h4>
        <div class="buttons-collection">
            <ul id="first-time-buttons">
                <li><a id="btn_FirstTime_Driver"  class="button button5 actionButton"  data-role="button"   data-click="app.viewModelFirstTime.driverclick">Driver</a></li>
                <li><a id="btn_FirstTime_Passenger" class="button button4 actionButton" data-role="button"  data-click="app.viewModelFirstTime.passengerclick">Passenger</a></li>
                <li><a id="btn_FirstTime_Company" class="button button4 actionButton" data-role="button"  data-click="app.viewModelFirstTime.companyclick">Company</a></li>
            </ul>
        </div>
	</div>
</div>